/**
 * CSS Document * 
 * Created by Jessie 2016/9/30.
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #333;
}
em {
  font-style: normal;
}
table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  cellpadding: 0;
  cellspacing: 0;
}
a {
  text-decoration: none;
  cursor: pointer;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ul,
ol,
li,
dt,
dd {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}
legend {
  color: #000;
}
strong {
  font-weight: bold;
}
.clearfix {
  display: block;
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.dis-in-b {
  display: inline-block;
}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.mt10{margin-top: 10px;}
.mt14{margin-top: 14px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
@orange:#f60;
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.shadow(@hx, @zx, @mh, @bg-color){
  -moz-box-shadow: @hx @zx @mh @bg-color;
  -webkit-box-shadow: @hx @zx @mh @bg-color;
  box-shadow: @hx @zx @mh @bg-color;
}
.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
@font-yahei:"微软雅黑";
.curmb(@curmb-height:30px, @font-size:12px, @font-color:#333, @curmb-a-bg){
  height: @curmb-height;
  font: @font-size/@curmb-height @font-yahei;
  color: @font-color;
  a{margin: 0 3px;font: @font-size/@curmb-height @font-yahei;color: @font-color;
    &.home{.dis-in-b;margin: 0;padding: 0 5px 0 20px;background:@curmb-a-bg;}
    &:hover{color: #f60;}
  }
  span{margin: 0 3px;font: @font-size/@curmb-height @font-yahei;color: @font-color;}
}
.article-list(@list-padding:10px, @font-size:12px, @list-li-height,@font-color:#333, @list-li-bg) {
  padding:@list-padding;
  li {
    height: @list-li-height;
    span{
      display: inline-block;
      float: right;
      font:@font-size/@list-li-height @font-yahei;
      color: #666;
    }
    a{
      .dis-in-b;width: 80%;
      padding-left: 14px;
      background:@list-li-bg;
      font:@font-size/@list-li-height @font-yahei;
      color:@font-color;
      .ellipsis;
      &:hover{
        color: @orange;
      }
    }
  }
}
.page(@padding:17px, @page-height, @font-size, @font-color, @page-hover, @page-hover-bg) {
  padding: @padding;
  height: @page-height;
  font: @font-size/@page-height @font-yahei;
  .text-center;
  color: @font-color;
  a{
    .dis-in-b;padding: 0 4px;margin: 2px;font: @font-size/@page-height @font-yahei;color: @font-color;text-decoration: none;
    &:hover{color: @page-hover;background: @page-hover-bg;}
  }
  span{padding: 0 5px;font: @font-size/@page-height @font-yahei;color: @font-color;}
  input.tz {
    width: 54px;
    height: 20px;
    .text-center;
    font-size: 12px;
    font-family: @font-yahei;
    color: #333;
    padding-bottom: 3px;
    padding: 2px 0 0 0 \9;
    cursor: pointer;
  }
}
.xlcontent(@h4-color, @h4-size, @h4-height, @nr-size, @nr-line, @font-family){
  .main {
    margin-top: 5px;
    padding: 30px 40px;
    .text-center;
    h4{
      padding: 10px 0;
      color: @h4-color;
      font: @h4-size/@h4-height  @font-family;
    }
    h6 {
      height: 30px;
      color: #999;
      label {
        list-style: none;
        padding: 0 6px;
        color: #999;
        font: 12px/30px @font-family;
        a {
          color: #999;
          padding: 0;
          &:hover {
            color: #f60;
          }
        }
      }
    }
    .nr {
      padding: 0 16px;
      text-align: left;
      p {
        font: @nr-size/@nr-line @font-family;
        padding: 16px 0;
        *{font: @nr-size/@nr-line @font-family;}
        strong {
          font-weight: bold;
        }
      }
    }
  }}
html{background: url("../images/gl_bottom.jpg") no-repeat center bottom;padding-bottom: 272px;}
body{background: #eff4fd url("../images/gl_top.jpg") no-repeat center top;padding-top: 157px;.text-center;}
#content{width: 1180px;margin: 0 auto;.text-left;padding: 20px 0;}
.main{background: #fff;.clearfix;}
.gl-left{.dis-in-b;.float-left;width:300px;
  h2{height: 62px;background: url("../images/gl_tit.png") no-repeat;padding-left: 30px;font:bold 24px/62px @font-yahei;color: #fff;}
  ul{
    li{height: 52px;background: url("../images/gl_li_bg.png") repeat-x left top;padding: 0 20px 0 30px;
      a{.dis-in-b;width: 100%;background: url("../images/gl_ico01.png") no-repeat right center;font:18px/62px @font-yahei;color: #333;}
      &:hover,&.cur{background: url("../images/gl_li_hover.png") repeat-x left top;
        a{background: url("../images/gl_ico01_h.png") no-repeat right center;color: #ff5252;}
      }
    }
  }
}
.gl-right{.dis-in-b;.float-right;width: 819px;border-top:1px solid #e9e9e9;border-right: 1px solid #e9e9e9;padding: 0 30px;
}
.curmb{
  .curmb(50px,14px,#333,none);
  border-bottom: 1px solid #e4e4e4;
}
.gl-list{
  .article-list(10px 0,16px,30px,#666,url("../images/gl_li_ico.png") no-repeat left center);
}
.page{
  .page(17px 0, 30px, 14px, #333, #0071d9, none);
}
.xlcontent{
  .xlcontent(#414db0, 28px, 36px, 16px, 30px, @font-yahei)
}